* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
    /* color: #000; */
}

.el-link.el-link--default:after,
.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
    border: 0 !important;
}

.el-carousel__indicators--outside button {
    background-color: #000 !important;
}


/* 隐藏滚动条 */


/* ::-webkit-scrollbar{
    display:none;
} */


/* div,ul,li,h1,h2,h3,h4,h5,p,span,i,img{
    隐藏滚动条，当IE下溢出，仍然可以滚动
    -ms-overflow-style:none;
    火狐下隐藏滚动条
    overflow:-moz-scrollbars-none;
} */


/* #mnavh{display: none; margin: 5px 0 0 0; width: 24px; height: 40px;  text-align: center; padding: 0 10px;cursor: pointer;} */

.navicon {
    display: block;
    position: relative;
    width: 30px;
    height: 5px;
    background-color: #000;
    margin-top: 20px;
}

.navicon::before,
.navicon::after {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    background: #000;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.navicon::before {
    margin-top: -10px;
}

.navicon::after {
    margin-top: 10px;
}

.open .navicon {
    background: none;
}

.open .navicon:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open .navicon:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    background: #000;
}


/* 屏幕宽度大于900的时候 */

@media screen and (min-width:900px) {}


/* 适应手机 */

@media screen and (max-width:600px) {
    #mnavh {
        overflow: hidden;
        position: absolute;
        display: block;
        left: 0;
    }
    .header .el-menu {
        background-color: rgba(0, 0, 0, 0);
    }
    .header {
        /* width: 60% !important; */
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
        width: 100% !important;
    }
    .header .el-row {
        width: 100% !important;
    }
    .header .header-ul {
        display: none !important;
        /* width: 40% !important; */
        display: inline-block !important;
    }
    .header-logo {
        /* display: none; */
        position: absolute;
        left: 60%;
        top: 15%;
    }
    .header .open .el-icon-menu {
        display: block !important;
    }
    .open:hover #nav-menu {
        display: block !important;
    }
    .open #nav-menu .el-menu-item:hover .header-ul nav {
        display: none !important;
    }
    .header .header-ul nav {
        /* display: inline-block !important; */
        display: none;
        /* width: 60%; */
        height: 100%;
    }
    .header .header-ul nav .el-menu-item {
        width: 150px;
        display: block;
        background-color: #d6d6d6;
    }
    .home-aside {
        display: none;
    }
    #app .el-main,
    .home {
        width: 100% !important;
        /* width: 90% !important; */
        /* height: 30% !important; */
    }
    .home .el-main .article-list {
        width: 80%;
        margin: auto;
    }
    /* .article-list .el-card{
        z-index: 999;
    } */
}